<template>
 <nav>
      <div class="container-fluid">
        <!-- <div class="row">
          <div class="col col-lg-6" id="col">
            <div class="row">
              <div class="col col-lg-3">欢饮来到丫丫蛋糕网</div>
            </div>
          </div>
          <div class="col col-lg-6" id="col">
            <div class="row sm">
              <div class="col col-lg-8"></div>
              <div class="col col-lg-4">
                <router-link to="#" style="color:black;text-decoration: none;">我的蛋糕</router-link>&nbsp;&nbsp;|&nbsp;&nbsp;
                <router-link to="#" style="color:black;text-decoration: none;">联系我们</router-link>
              </div>
            </div>
          </div>
        </div> -->

        <div class="row mb-4 mt-2">
          <div class="col col-lg-4">
            <div class="row">
              <div class="col col-lg-4"></div>
               <div class="col col-lg-8">
                <router-link to="/">
                  <img class="one" src="./assets/10.png" alt="">
                </router-link>
               </div>
            </div>
          </div>
          <div class="col col-lg-5" style="margin-top: 30px;">
            <input class="input1" type="text" placeholder="请输入蛋糕的名字" v-model="search">
            <router-link :to='"/content/?id="+search'><input class="input2" type="button" value="搜索"></router-link>
          </div>
          <div class="col col-lg-2">
            <img style="width: 100px;" src="./assets/17.png" alt="">
          </div>
        </div>
      </div>
    </nav>
  <router-view/>
</template>

<script>
export default{
  data(){
    return{
      search:''
    }
  }
}

</script>
<style lang="scss">

</style>
